@import "global.less";

html{font-size:12px;}
body{max-width:1920px;margin:0px auto;}
html,body {min-height: 100vh !important;}


/*每个页面的独立样式*/
.main{padding:20px;box-sizing: border-box}


/***************************element-ui reset*************************/
.el-radio {margin-right: 0px!important;}
.el-message-box {width:100%!important;max-width: 400px!important;}
.el-dialog {
	//width:auto !important;//
	max-width: 800px!important;
	margin-top:0px!important;
	top:50%!important;transform: translateY(-50%)!important;
	border:1px solid @theme-grey!important;
	//box-shadow: none!important;
	box-shadow: 0px 2px 10px @theme-grey2!important;
	z-index:99999;/*ios下被遮罩覆盖在上面，设置了这个也没用，*/
}
.el-dialog__header {border-bottom: 0px solid #eee;position: relative;z-index: 2}
.el-dialog__body{  padding: 0px 20px 20px!important;}
.el-dialog__title {font-size:16px!important;margin-top:-10px!important;display:inline-block}
.el-dialog .el-dialog__close {font-size:24px!important;color:#666 !important;}
.el-dialog .el-dialog__headerbtn {top:16px!important;}
.el-button+.el-button {margin-left: 3px!important;}
.el-select-dropdown__wrap {margin-bottom: 0px!important;}/*垃圾饿了么bug*/
.el-input.center input{text-align: center;} /*文本中间对齐*/
.v-modal{display: none!important;} /*ios下遮罩层会盖在它的子元素上，先用这个对付 */
.el-divider{margin:15px 0px;}

.el-form--label-top .el-form-item__label{padding:0px;line-height: 26px;}
.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
	margin-bottom: 15px;
}

.el-menu .el-menu-item:before{content: "|—";color:#ddd}

/******************************layer******************************/
.layui-layer {border-radius:10px!important;overflow: hidden;}
.layui-layer-title{
	font-size:16px!important;background-color: #fff!important;border:none!important;
	height: 60px;
	line-height: 60px;
}
.layui-layer-setwin {top:22px!important;right:18px!important;}



/*************************sweet alert2*************************/
.swal2-container {z-index:9999}/*层级调高点，否则被dialog覆盖*/
.swal2-actions {margin: 0em auto 0px;}
.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {width: 1em;height: 1em;}
/*.swal2-popup {padding: 0.5em;}*/



////////////////////////////其它公共//////////////////////////////////
.form-wrap{width:600px;}

//普通输入表单
.global-input-content {
	font-size: 14px;
	.forms {
		.row {
			margin: 0.8em 0;
			.title {margin-bottom: 0.5em;}
			.input {width: 100%;}
		}
	}
	.tip {padding: 10px 0;color:@theme-cyan;text-align: center;font-weight: bold;}
	.btn-group {
		text-align: center;
		.butt {width: 100%;padding: 10px;}
	}
}
/* *********************************************** 适应 ***********************************************************/
/* *********************************************** 适应 ***********************************************************/
/* *********************************************** 适应 ***********************************************************/
@media screen and (max-width: @SCREEN-XS){
	.main{padding:10px;}
	.form-wrap{width:320px;}
	.el-dialog {
		width:auto !important;//
		max-width: 96% !important;
	}
}


.dialogmask {
	font-size:14px;
	width: 100%;height: 100vh;background-color: #00000099;
	position: absolute;left: 0;top: 0;z-index: 2;
	.dialog {
		width: 94%;max-width: 400px;height: auto;background-color: #fff;
		border-radius: 1em;margin: 120px auto 0;padding:1.7em;text-align: center;
		//标题和关闭
		.dialog-top {
			text-align: center;position: relative;padding: 0em 0px 1em;
			.text {font-size: 1.2em;color:@theme-black}
			.closeimg {
				position: absolute;right: 0px;top: 0px;width: 16px;height: 16px;cursor:pointer
			}
		}
		//第二行一般是副标题，小描述
		.title-s {
			color:@theme-grey2;text-align: center;font-size: 1em;padding:0em 0 .5em;
		}
		//一般是兑换价格？
		.price {
			overflow: hidden;.flex-jcsb();padding:1em .5em;border-top: 1px solid @theme-grey3;
			.text1 {}
			.text2 {color:@theme-cyan;font-weight: bold;}
		}
		//一般是内容容器
		.content {color: @theme-grey;padding: 0em .5em;font-size: 1em;}
		//用户操作数量
		.settle-preview{
			.flex-jcsb();padding:.5em .5em;border-top:1px solid @theme-grey3;
			.text1{color:@theme-orange;font-weight: bold;}
		}
		//等待内容
		.waiting{
			text-align: center;
		}
		.butt{width: 80%;display: inline-block;padding: 10px;border-radius: 50px;
			background-color: #00c0d0;margin-top: 15px;color: #eee;}
		//按钮容器
		.bt-group{
			.flex-jcc();margin-top: 1em;
			a,button{width: 100%;}
		}
	}
}

